<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href ='/Web/02CSS/B01member.css'>
<script src = '/Web/03JavaScript/B01member.js'></script>
</head>
<body>
<h1> Member Joining :: 회원가입</H1>
<H5>Welcome to joining our University Student Management System! </h5>
Please write down all forms. 
<hr/>
<form action="input_result.jsp" name="frm" method="post">
<pre>           I D : <input type = 'text' size = '10' name ='m_id' maxlength ='20' >  <input type="button" value="Check" name="Check"/> </pre>  
<pre>      Nickname : <input type = 'text' size = '10' name ='m_nick' maxlength ='20'/>  <input type="button" value="Check" name="Check"/> </pre> 
<pre>      Password : <input type = 'password' size = '10' name ='m_pw' maxlength ='20'/> </pre> 
<pre>Password check : <input type = 'password' size = '10' name ='m_pwcheck' maxlength ='20'/><label id="m_pwcheck2"> please write the Password again.</label></pre> 
<pre>          Name : <input type = 'text' size = '10' name ='m_name' maxlength ='20'/> </pre>  
<pre>         Birth : <input type = 'text' size = '10' name ='m_birth' maxlength ='20'/> </pre> 
<pre>           Sex : <input type = 'radio' name ="m_gender" value = 'Male'> Male <input type = 'radio' name ="m_gender" value = 'Female'> Female </pre> 
<pre>         Email : <input type="text" name='m_email1'> @ <select name="m_email2">	
				<option>naver.com</option>
  				<option>gmail.com</option>
  				<option>daum.net</option>
  				<option>msn.com</option>
  			</select>  		
</pre> 
<pre>       Contact : <select name="m_contact1">	
				<option>010</option>
				<option>011</option>
  				<option>016</option>
  				<option>017</option>
  				<option>019</option>
  			</select> - <input type = 'text' size = '3' name ='m_contact2' maxlength ='4'/> - <input type = 'text' size = '3' name ='m_contact3' maxlength ='4'/> 			 		
</pre> 
<pre> Postal number : <input type = 'text' size = '10' name ='m_postal' maxlength ='20'/> <input type="button" value="Check" name="Check"/></pre>
<pre>       Address : <input type = 'text' size = '50' name ='m_Address' maxlength ='100'/> </pre> 
<pre>    Occupation : <select name="m_occu">	
				<option>Programmer</option>
				<option>SalesPerson</option>
  				<option>Teacher</option>
  				<option>Officer</option>
  				<option>Employee</option>
  			</select> 			 		
</pre>
<pre> Marital state : <input type = 'radio' name ="m_marital" value = 'Male'> Yes <input type = 'radio' name ="m_marital" value = 'Female'> No </pre>
<pre> Do you agree to using your informations?  <input type = 'radio' name ="m_agree" value = 'Male'> Yes <input type = 'radio' name ="m_agree" value = 'Female'> No </pre>
<pre> Password Ques : <select name="m_ques">	
				<option> What is your favorite season? </option>
				<option> What is your father's name? </option>
  				<option> What is your favorite book? </option>
  			</select>	 		
</pre> 
<pre> Password Ans  : <input type = 'text' size = '20' name ='m_pwAns' maxlength ='100'/> </pre>
<p/>
<hr/>

	<div style="text-align: center;">
	<input type="button" id="btnsave" value="회원가입완료" style="text-align: center;"/>  
	<input type="button" id="btnList" value="회원목록" style="text-align: center;"/>
	</div>
	
</form>

</body>
<script>inputInit();</script>
</html>